<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="/templates/template_nao_logado.xhtml">
	
	<ui:define name="css">
		<link href="http://localhost:8080/linkedcompany-estaticos/estaticos/css/autenticacao/autenticacao.css" rel="stylesheet" type="text/css" />
	</ui:define>
	
	<ui:define name="js">
		<script type="text/javascript" src="http://localhost:8080/linkedcompany-estaticos/estaticos/js/autenticacao/autenticacao.js" />
	</ui:define>

	<ui:define name="title">        
         LinkedCompany | Integrando empresas e trabalhadores.        
    </ui:define>
	
	<ui:define name="nav_bar">
		<ui:include src="/templates/top_bar.xhtml" />
		<ui:include src="/templates/search_bar.xhtml" />
	</ui:define>

	<ui:define name="container">
		<h:form id="autenticacaoForm">
			<div class="row rowAutenticacao">
	
				<p:panel id="basic" header="Faça o Login" footer=""
					styleClass="painelAutenticacao">
						
					<div class="ui-grid ui-grid-responsive">
					    <div class="ui-grid-row rowUsuario">
					        <div class="ui-grid-col-2"><h:outputText value="Usuário: " /></div>
					        <div class="ui-grid-col-2"><p:inputText  id="inputUsuario" value="#{autenticacaoBean.loginUsuario}" style="width: 300px;"/></div>
					    </div>
					    
					    <div class="ui-grid-row">
					        <div class="ui-grid-col-2"><h:outputText value="Senha: " /></div>
					        <div class="ui-grid-col-2"><p:password id="inputPassword" value="#{autenticacaoBean.passwordUsuario}" style="width: 300px;"/></div>
					    </div>
					    
					    <div class="ui-grid-row rowButton">
					        <div class="ui-grid-col-2"></div>
					        <div class="ui-grid-col-2"><p:commandButton value="Entrar" id="btnAutenticar" onclick="return validarAutenticacao();" actionListener="#{autenticacaoBean.autenticarUsuario}" ajax="false" /></div>
					    </div>
					</div>
					
					
					<p:outputPanel styleClass="block" rendered="#{!autenticacaoBean.autenticado}">
						<br />
						
						<p:outputPanel styleClass="divErro">
							<div class="avisoErro" />
							<p>#{autenticacaoBean.mensagemRetorno}</p>
						</p:outputPanel>
					</p:outputPanel>
					
					
					
				</p:panel>
	
			</div>
		</h:form>
	</ui:define>
</ui:composition>

</html>